layui.use('table', function () {
    var table = layui.table;

    table.render({
        elem: '#test'
        , url: '/travel/hotel/reservation/page'
        , method: 'post'
        , cellMinWidth: 80
        , toolbar: true
        , title: '预约数据'
        , totalRow: true
        , cols: [[
            {field: 'reservationId', title: 'ID', sort: true}
            , {field: 'reservationName', title: '客户姓名'}
            , {field: 'reservationPhone', title: '手机号码'}
            , {field: 'hotelId', title: '酒店id', sort: true}
            , {fixed: 'right', width: 178, align: 'center', toolbar: '#barDemo'}
        ]]
        , page: true
        , response: {
            statusCode: 200 // 重新规定成功的状态码为 200，table 组件默认为 0
        }
        , parseData: function (res) { // 将原始数据解析成 table 组件所规定的数据
            return {
                "code": 200, // 解析接口状态
                "msg": res.msg, // 解析提示文本
                "count": res.data.records, // 解析数据长度
                "data": res.data.rows // 解析数据列表
            };
        }
    });

    table.on('tool(hotel)', function (obj) {
        var data = obj.data;
     if (obj.event === 'del') {
            layer.confirm('真的删除行么', function (index) {
                $.delete(ctx + "/travel/hotel/reservation/delete/" + data.reservationId, {}, function () {
                    obj.del();
                    layer.close(index);
                })
            });
        }
    });

});